@import "../common/functions.scss";
@import "../common/_variables.scss";
$bule:#04A9F4;
$fs: pxToRem(36px) pxToRem(44px) pxToRem(28px) pxToRem(26px);
%fb{font-weight: bold;}
body{
	background: #F6F6F6; 
}
header{
    background: $bule;
    color: $_fff;
    font-size: nth($fs,1);
    padding: pxToRem(30px) 0;
    text-align: center;
    .icon-card{
        display: inline-block;
        margin-right: pxToRem(20px);
        width: pxToRem(50px);
        height: pxToRem(37px);
        background: url(/carpayH5/resources/img/icon-card.png)  no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
    }
}
section{
    padding-top: pxToRem(163px);
    .card{
        background: $_fff;
        width: pxToRem(712px);
        height: pxToRem(467px);
        border: 1px solid $_ccc;
        border-radius: .2rem;
        margin: 0 auto;
        padding: pxToRem(85px) pxToRem(23px);
        margin-bottom: pxToRem(80px);
        h2{
            color: $bule;
            font-size: nth($fs,2);
            text-align: center;
            margin-bottom: pxToRem(80px);
        }
        .flex_box{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
        }
        .flex_cell{
            width: 50%;
        }
        .flex_cell:nth-child(1){
            border-right: .02rem solid #DFDFDF;
        }
        label,a{
            display: block;
            font-size: nth($fs,3);
            text-align: center;
        }
        label{
            color: $_666;
            margin-bottom: pxToRem(40px);
        }
        a{
            color: $_fff;
            background: $blue;
            width: pxToRem(300px);
            height: pxToRem(80px);
            line-height: pxToRem(80px);
            margin: 0 auto;
        }
    }
    .card_p{
        color: $_999;
        font-size: nth($fs,4);
        text-indent: pxToRem(60px);
        padding: 0 pxToRem(45px);
        text-align:justify;
        line-height: 1.5;
    }
}